// 这是“通知功能”模块

<template>
<!-- 导航栏 -->
       <el-table
      :data="list"
      :header-cell-style="{background:'#eef1f6',color:'#606266'}"
      style="width: 100%"
      
      >
      
      <el-table-column
        prop="id"
        label="来自"
        width="180"
       
        >
      </el-table-column>
      <el-table-column
        prop="time"
        label="日期"
        width="180"
        >
      </el-table-column>
      <el-table-column
        
        prop="content"
        label="通知内容"
          width="740"
        >
      </el-table-column>

      <!-- 按钮区 -->
       <el-table-column
        prop="#"
        label="操作"
        width="180">

        <el-button type="warning" @click="ignore">忽略</el-button>
        <el-button type="success" @click="sure">确认</el-button>
        
      </el-table-column>
  
    </el-table>
 
     
  
</template>
 

<style>

</style>

<script>
import{defineComponent,ref} from 'vue'
  export default {
     
      data() {
       
        return {
         a:true,
         b:true,
         list:[]
        }
      },
    created(){
        this.query()
    },

      methods:{
        
             query(){
            this.axios(" http://localhost:3000/notice",{}).then((response)=>
            {
                console.log(response.data);
                this.list=response.data
            })
        },
      
      ignore(){
        
        this.a=!this.a;
       alert("已忽略")
         
      },
      sure(){
       
        this.b=!this.b;
        alert("已确认")
        
      }


        
      },
  
      
    }
   
</script>